<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 容器 -->
  <div id="board"></div>
  <script>
    // DOM获取id为board的div元素 父容器
    let board = document.getElementById("board");
    // 使用createElement新建input元素 子元素 插入到父容器的子元素
    let e = document.createElement("input");
    // 设置其type为button
    e.type = "button";
    // 设置其value
    e.value = "这是测试的小例子";
    // 将元素插入到board中
    board.appendChild(e);

  </script>
</body>

</html>